#mixin() {
	#position(@str, @top, @left) {
		position: @str;
		top: @top;
		left: @left;
	}

	#sizeColor(@size, @color, @lihe) {
		font-size: @size;
		color: @color;
		line-height: @lihe;
	}

	#flexCenBet() {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#flexRowCent() {
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
	}

	#flexColCent() {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	#widHei(@wid, @hei) {
		width: @wid;
		height: @hei;
	}

	#middle() {
		display: inline-block;
		vertical-align: middle;
	}

	#clearfix() {
		&:after {
			content: "";
			display: table;
			clear: both;
		}
	}

	#scrollBar() {
		&::-webkit-scrollbar-track-piece {
			background: #d3dce6;
		}

		&::-webkit-scrollbar {
			width: 6px;
		}

		&::-webkit-scrollbar-thumb {
			background: #99a9bf;
			border-radius: 20px;
		}
	}

	#relative {
		position: relative;
		width: 100%;
		height: 100%;
	}

	#spacenowrap {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#clampellipsis(@num) {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: @num;
		-webkit-box-orient: vertical;
	}

	#bgcColor() {
		background-color: red;
	}
}
